<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /*  * {
            margin: 0;
            padding: 0;
        } */
        
        body {
            background-color: #efeff4;
        }
        
        .h1 {
            text-align: center;
            font-size: 25px;
            line-height: 70px;
            font-weight: normal;
            background-color: #f9f9f9;
            height: 70px;
            /* margin: 0px 0px 20px 0px; */
        }
        
        .h1 p {
            float: left;
            line-height: 70px;
            margin: 0px 0px 20px 0px;
        }
        
        li {
            /*   text-decoration: none; */
            height: 50px;
            background-color: #f9f9f9;
            line-height: 50px;
            list-style-type: none;
            margin-left: -40px;
            font-size: 20px;
        }
        
        .box1 {
            height: 50px;
            background-color: #f9f9f9;
            line-height: 50px;
            font-size: 20px;
        }
        
        .box2 {
            height: 100px;
            background-color: #f9f9f9;
            line-height: 70px;
            font-size: 20px;
        }
        
        .box3 {
            background-color: #f9f9f9;
            margin-top: -60px;
            font-size: 12px;
            color: rgb(142, 140, 140);
        }
        
        .box4 {
            text-align: center;
            line-height: 50px;
            margin-top: 100px;
            font-weight: 800;
        }
        
        img {
            width: 250px;
            height: 250px;
            margin-top: 20px;
        }
        
        .box1 span {
            float: right;
            line-height: 50px;
            margin: 0px 0px 10px 0px;
            color: #c7c7cc;
        }
        
        a {
            float: right;
            line-height: 50px;
            /*  margin: 0px 0px 10px 0px; */
            color: #c7c7cc;
            text-decoration: none;
        }
    </style>
</head>

<body>

    <header>

        <div class="h1">
            <p>
                <a href="../我的/wode/我的2.html">
                    <</a>
            </p>
            设置</div>
    </header>
    <main>
        <div class="box1">
            <span>></span>
            <p>
                账号管理</p>
        </div>
        <ul>

            <li style="border-bottom: 1px solid #f0ecec;">清除缓存</li>
            <li style="border-bottom: 1px solid #f0ecec; ">
                消息提醒设置<a href="">></a>

            </li>
            <li>当前版本V5.1.1</li>
        </ul>
        <ul>
            <li style="border-bottom: 1px solid #f0ecec;">用户协议<a href="">></a></li>
            <li>叮当简介 <a href=""> ></a></li>
        </ul>
        <div class="box2">
            <p>注销账号</p>
        </div>
        <div class="box3">
            <p>提交申请，删除所有数据，永久注销账号</p>
        </div>
    </main>
    <footer>
        <div class="box4">
            <p>互联网药品信息服务资格证书： <br>(京)-非经营性-2015-0004 (京)-经营性-2015-2019
            </p>
        </div>
        <div align="center">
            <img src="https://img2.baidu.com/it/u=3007900152,3433816061&fm=253&fmt=auto&app=138&f=JPEG?w=260&h=260" alt="">
        </div>
    </footer>




</body>

</html>